$( document ).ready(function() {

    //$('.span-error').fadeOut(8000);

    $('#cedula_user').focus(function(){
        $('#example_cedula').fadeIn();
    });

    $('#cedula_user').blur(function(){
        $('#example_cedula').fadeOut();
    });

    $('#num_user').focus(function(){
        $('#example_num').fadeIn();
    });

    $('#num_user').blur(function(){
        $('#example_num').fadeOut();
    });

 	$('.clickme').click(function(){
 		if($(this).parent().hasClass('selected'))
 		{
 			$(this).parent().removeClass('selected');
 			$('#d077f244def8a70').removeClass($(this).attr('id'));
 		}
 		else
 		{
 			$(this).parent().addClass('selected');
 			$('#d077f244def8a70').addClass($(this).attr('id'));
 		}

 		if($('#d077f244def8a70').attr('class'))
 			$('#confirmServices').removeAttr('disabled');
 		else
 			$('#confirmServices').attr('disabled', 'true');

 	});

    $('.clickme2').click(function(){
        if($(this).parent().hasClass('selected'))
        {
            $(this).parent().removeClass('selected');
            $('#d077f244def8a70').removeClass();
        }
        else
        {
            $('li').removeClass('selected');
            $(this).parent().addClass('selected');
            $('#d077f244def8a70').removeClass();
            $('#d077f244def8a70').addClass($(this).attr('id'));
        }

        if($('#d077f244def8a70').attr('class'))
            $('#confirmOperator').removeAttr('disabled');
        else
            $('#confirmOperator').attr('disabled', 'true');

    });

    $('#createUser').click(function(e){
    	$.Dialog({
            'title'			: 'Confirmación de datos',
            'content'		: '¿Está seguro de los datos ingresados? No podrán ser modificados posteriormente.',
            'draggable'		: false,
            'overlay'		: true,
            'closeButton'	: true,
            'buttonsAlign'	: 'center',
            'keepOpened'	: true,
            'position'		: 
            {
				'zone'		: 'center'
            },
            'buttons'		:
            {
				'OK'		:
				{
					'action': function(){ $('#register').submit(); }
              	},
				'Cancelar'	:
              	{
					'action': function(){}
				}
            }
        });
	});

    $('#confirmServices').click(function(e)
    {
    	$('#d077f244def8a70').val($('#d077f244def8a70').attr('class'));
    	var services = $('li.selected').children();
    	var contentHtml = "";
    	for (var i = services.length - 1; i >= 0; i--) {
    		contentHtml += services[i].innerHTML.replace("<h4>", "").replace("</h4>", "").replace("<p>", " -- ").replace("</p>", "")+"<br/>";
    	};

    	$.Dialog({
            'title'			: 'Confirmación de servicios',
            'content'		: '<div>Los servicios que desea son los siguientes:<br/><br/>'+contentHtml+'<br/></div><div>¿Está seguro en solicitar estos servicios?</div>',
            'draggable'		: false,
            'overlay'		: true,
            'closeButton'	: true,
            'buttonsAlign'	: 'center',
            'keepOpened'	: true,
            'position'		: 
            {
				'zone'		: 'center'
            },
            'buttons'		:
            {
				'OK'		:
				{
					'action': function(){ $('#servicesForm').submit(); }
              	},
				'Cancelar'	:
              	{
					'action': function(){}
				}
            }
        });
	});

    $('#confirmOperator').click(function(e)
    {
        $('#d077f244def8a70').val($('#d077f244def8a70').attr('class'));
        var services = $('li.selected').children().children().toArray()[1];
        var photo = $('li.selected').children().children().toArray()[0];
        var contentHtml = services.innerHTML.replace("<h4>", "").replace("</h4>", "").replace("<p>", "--").replace("</p>", "")+"<br/>";

        $.Dialog({
            'title'         : 'Confirmación de Operador',
            'content'       : '<div>¿Está seguro en ser atendido por '+
                              contentHtml.split("--")[0] + '?</div><div style="margin-top:20px"><center>'+ 
                              photo.innerHTML+'</center></div>',
            'draggable'     : false,
            'overlay'       : true,
            'closeButton'   : true,
            'buttonsAlign'  : 'center',
            'keepOpened'    : true,
            'position'      : 
            {
                'zone'      : 'center'
            },
            'buttons'       :
            {
                'OK'        :
                {
                    'action': function(){ $('#servicesForm').submit(); }
                },
                'Cancelar'  :
                {
                    'action': function(){}
                }
            }
        });
    });
});